<template>
  <div class="mt-10"></div>
  <el-menu default-active="2" class="el-menu-vertical-demo h-[100%]" style="width: 100%;" @select="handleSelect">
    <el-menu-item index="space/all">
      <el-icon></el-icon>
      <span>全部动态</span>
    </el-menu-item>
    <el-menu-item index="space/friends">
      <el-icon></el-icon>
      <span>好友动态</span>
    </el-menu-item>
  </el-menu>
</template>

<script setup>
import {
  Document,
  Menu as IconMenu,
  Location,
  Setting,
} from "@element-plus/icons-vue";
import { useRouter } from "vue-router";
const router = useRouter()
const handleSelect = (key) => {
  router.push(`/home/${key}`)
}
</script>

<style scoped>
/* .el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 400px;
} */
</style>
